@charset "UTF-8";
@import url('extras.css');

/* CONTAINER */
div#container
{
    width:960px;
    text-align:center;
    margin:0 auto;
}

/* HEADER */

header
{
    width:100%;
    padding-top:10px;
    height:245px;
}

header #headerTop
{
    width:100%;
    height:133px;
}

header #headerTop #headerTopLeft
{
    float:left;
    width:300px;
}

header #headerTop #headerTopRight
{
    float:right;
    width:504px;
}

/* HEADER LOGIN BOX */
header #headerTop #headerTopRight #headerLogin
{
    height:103px;
    float:right;
    text-align:right;
}

header #headerTop #headerTopRight #headerLogin #loginButtonContainer
{
    float:right;
    width:250px;
    height:33px;
}

header #headerTop #headerTopRight #headerLogin #loginButtonContainer #loginLinks
{
    float:left;
    width:140px;
    padding-top:18px;
}


/* HEADER NAVIGATION */
header #headerTop #headerTopRight nav.mainNav
{
    width:504px;
    height:30px;
    padding-top:103px;
    text-align:right;
}

header #headerTop #headerTopRight nav.mainNav ul
{
    float:right;
}

header #headerTop #headerTopRight nav.mainNav ul li
{
    text-align: right;
    float: left;
    list-style: none;
    padding: 3px 0px 3px 20px;
    margin: 5px 0px 5px 5px;
}

header #headerBottom
{
    width:100%;
    height:112px;
    border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
}

/* MAIN */
div#main
{
    padding:20px 0px;
    min-height:430px;
}

div#main #leftColumn
{
    float:left;
    width:640px;
    min-height:510px;
}

div#main #leftColumn #contentBox
{
    border:1px solid #999;
    padding:0px;
    margin:0px;
    width:640px;
    height:450px;
}

div#main #leftColumn #postBox
{
    border:1px solid #999;
    padding:0px;
    margin:0px;
    width:640px;
    min-height:862px;
    text-align:left;
}

#advancedSearch
{
    text-align:left;
    padding:10px 18px;
    height:100px;
}

#advancedSearch h2, #jobPost h2, #jobPost h3
{
    font-weight:normal;
    margin:0px;
}

.advS
{
    float:left;
    width:200px;
    padding-top:5px;
    color:#949393;
}

.advS small
{
    position:relative;
    top:-7px;
}

input#advSearch
{
    margin-top:16px;
    width:70px !important;
    float:left;
}

#contentBox input, #postBox input
{
    width: 180px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
}

#contentBox label, #postBox label
{
    color:#949393;
}

div#main #leftColumn #contentBox #standardSearch
{
    text-align:center;
}

div#main #leftColumn #contentBox #standardSearch .categoriesWrap
{
    float:left;
    text-align:left;
}

#jobPost
{
    text-align:left;
    padding:10px 18px;
}

div#main #rightColumn
{
    float:right;
    width:300px;
    padding-left:18px;
    min-height:300px;
}

/* Job Post Preview & Job Post View */

p.jobLocation
{
    font-style:italic;
}

/* ADS */
.leaderboardAd
{
    width:720px;
    height:90px;
    margin:0 auto;
    padding:12px 0px;
}

.bannerAd
{
    width:468px;
    height:60px;
    padding-top:20px;
    margin:0 auto;
}

.rectangleAd
{

}

.tallAd
{
    float:left;
}

#ss /* Skyscraper Ad */
{
    padding-left:20px;
}

#topRectAd
{
    padding-bottom:10px;
}

/* FORM */
#form h1
{
    text-align:center;
    margin-bottom:5px;
    font-weight:normal;
}

#form fieldset
{
	width:445px;
	margin:auto;
	border:1px solid #aaaaaa;
	background-color:#ffffff;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:10px;
        text-align:right;
}

#form fieldset#jobPostingForm
{
    width:600px;
}

legend
{
	text-align:center;
	background-color:#ffffff;
	padding:0 5px 0 5px;
	font-size:12px;
}
#form label
{
	display:block;
	float:left;
	width:120px;
	margin:6px 0 0 0;
}
#form span
{
    float:left;
    padding-left:3px;
}

/* APPLY FORM */
.applyForm
{
    text-align:center;
    padding-top:15px;
}

.applyForm fieldset
{
	width:575px !important;
}
.applyForm label
{
	width:150px !important;
}
.applyForm textarea
{
    float:left;
    width:305px;
    height:100px;
    border:1px solid #aaaaaa;
    margin-right:5px;
}

/* INPUT */
input
{
    font-size: 13px;
    border:solid 1px #949393;
}

.input
{
    width:300px;
    border:1px solid #aaaaaa;
    padding:5px;
    margin:5px 5px 5px 0;
}

.input:hover, textarea:hover
{
    background-color:#f9f9f9;
}

.input:focus, textarea:focus
{
    background-color:#f9f9f9;outline:none;
}

select
{
    padding:5px;
    border:1px solid #aaaaaa;
}

.city
{
    width:300px;
}

.location
{
    height:72px;
}

.added
{
    width:218px;
}

input.check
{
    float:left;
    margin-left:12px;
}

.button
{
    width:100px;
    border:1px solid #aaaaaa;
    padding:5px;
    background-color:#ffffff;
    float:right;
    margin-top:5px;
    cursor:pointer;
}

/* POSTINGS TABLE */
table.postingsTable
{
    width:100%;
    border:solid 1px #ccc;
    margin:0 auto;
    text-align:left;
}

table.postingsTable td, table.postingsTable th
{
    border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
    padding:2px;
	text-align:center;
}

td.jobActions
{
    width:30px;
    text-align: center;
}

td.empActions, td.empAdmin
{
    width:8%;
	vertical-align:center;
	text-align: center;
}

hr{
    margin:1em 0;
}

h1.expired
{
    color:red;
    text-align:center;
    margin:0px 0px 10px 0px;
}

/* FOOTER */
footer {
    height:150px;
    width:100%;
}

footer #footerTop
{
    width:100%;
    height:112px;
    border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
}

footer #footerBottom
{
    width:100%;
    height:36px;
}

footer #footerBottom #footerBottomLinks
{
    text-align:right;
    padding-top:3px;
}


/* TYPOGRAPHY */
#footer p{font-size:12px;text-align:center;}
a{ color:#000; text-decoration:none; }
a:hover{text-decoration:underline;}
.link{text-align:center;margin-bottom:5px;display:none;}

/* MISC */
.clr { clear:both; }

#feedback, #loginFeedback {display:none;margin:10px auto 10px auto;}
#loading {display:none;margin:10px auto 10px auto;text-align:center;}
#loginLoading {display:none;margin:5px auto 5px auto;text-align:center;}


/* Submit Button CSS Sprite */
a#submitPost
{
    display:block;
    background:url('/sandbox1/media/images/accept.png') 0 0;
    width:100px;
    height:37px;
    margin:0 auto;
}
a#submitPost:hover
{
    background:url('/sandbox1/media/images/accept.png') 0 37px;
}

a#submitPost:active
{
    background:url('/sandbox1/media/images/accept.png') 0 74px;
}


a#searchButton
{
    display:block;
    background:url('/sandbox1/media/images/search.png') 0 0;
    width:100px;
    height:37px;
    float:right;
    margin-right:46px;
}

a#searchButton:hover
{
    background:url('/sandbox1/media/images/search.png') 0 0;
}

a#searchButton:active
{
    background:url('/sandbox1/media/images/search.png') 0 37px;
}

.success
{
	width:338px;
	background:#a5e383;
	border:1px solid #337f09;
	padding:5px;
	text-align:center;
	margin:0 0 10px 0;
	position:relative;
}
.error
{
	width:350px;
	background:#ea7e7e;
	border:1px solid #a71010;
	padding:5px;
	text-align:center;
	color:#ffffff;
	position:relative;
	margin:1em auto 1em auto;
}
.info
{
	width:338px;
	background:#c6d8ee;
	border:1px solid #84a0c3;
	padding:5px;
}

/* ACCOUNT INFO TABLE */
table.account
{
    width:400px;
    margin:20px auto;
    text-align:center;
}

table.account td
{
    padding:2px;
}

table.account td.label
{
    width:166px;
}

table.account td label
{
    float:right;
}

table.account td input
{
    width:200px;
    float:left;
}

table.account td input.submit
{
    width:120px;
    margin:0 auto;
    float:none;
    margin-top:10px;
}

/* Login Page */
#regLinks
{
    float:left;
    padding:10px 0px 0px 100px;
}

/* New Job Listing Page */
select.jobPosting
{
    width:461px;
    float:left;
    margin-left:14px;
}

select.statePosting
{
    width:330px;
    float:left;
    margin-left:14px;
}

textarea#description
{
    width:305px;
    height:100px;
    border:1px solid #aaaaaa;
    margin-right:5px;
}

input#postJob.button
{
    margin-right:4px;
}

p.homeState select
{
    width: 461px;
    float: left;
    margin-left: 14px;
}

p.homeCity input
{
    float:left;
    margin-left:14px;
    width:451px !important;
}

.homeForm
{
    text-align:right;
}

.homeForm p
{
    height:40px;
}

/* FIREFOX HACK */
@-moz-document url-prefix() {
    #loginFeedback
    {
        display:none;
        margin:5px auto 5px auto;
        font-size:12px;
    }

    select#jobCat
    {
        width:313px;
    }

    p.homeState select#jobCat
    {
        width:461px;
    }

    #regLinks
    {
        padding:10px 0px 0px 75px;
    }

    input.check
    {
        float:left;
        margin-left:7px;
    }

    .city
    {
        width:227px;
    }

    .added
    {
        width:216px;
    }

    textarea#description
    {
        width:310px;
    }
}
